// base

// sidebar
$menuText:#bfcbd9;
$menuActiveText:#088EFF;
$subMenuActiveText:#f4f4f5; //https://github.com/ElemeFE/element/issues/12951

$menuBg:#304156;
$menuHover:#263445;

$subMenuBg:#1f2d3d;
$subMenuHover:#001528;

$sideBarWidth: 210px;

$them_color:#088EFF;
$list_title: #595959;

$btn_color: #088EFF;
$btn_bg: #CEE8FF;


$nav_bgColor: #1A1A1A;
$nav_svg: #262626;
$side_bgColor: #0C0C0E;
$side_texrColor: #ffffff;
$side_hoverColor: #262626;
$white: #ffffff;

$tableHeader: #F8F9FB; // table header背景颜色
$headerTitle: #333333;
$bodyTitle: #666666;

$li_list: #F0F7FF;

$c-9: #999999;


$statusFrozen: #f5222d; // 状态的颜色 冻结
$statusOverdue: #FFBF00; // 状态的颜色 过期
$statusStop: #f5222d; // 状态的颜色 停用
$statusNormal: #429C2A; // 状态的颜色 正常

// the :export directive is the magic sauce for webpack
// https://www.bluematador.com/blog/how-to-share-variables-between-js-and-sass
:export {
  menuText: $menuText;
  menuActiveText: $menuActiveText;
  subMenuActiveText: $subMenuActiveText;
  menuBg: $menuBg;
  menuHover: $menuHover;
  subMenuBg: $subMenuBg;
  subMenuHover: $subMenuHover;
  sideBarWidth: $sideBarWidth;
}

/*padding*/

@for $i from 0 through 150 {
    .pt-#{$i} {
      padding-top: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .pb-#{$i} {
      padding-bottom: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .pl-#{$i} {
      padding-left: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .pr-#{$i} {
      padding-right: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .p-#{$i} {
      padding: $i*1px !important;
    }
  }
  
  
  /*margin*/
  
  @for $i from 0 through 150 {
    .mt-#{$i} {
      margin-top: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .mb-#{$i} {
      margin-bottom: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .ml-#{$i} {
      margin-left: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .mr-#{$i} {
      margin-right: $i*1px !important;
    }
  }
  
  @for $i from 0 through 150 {
    .m-#{$i} {
      margin: $i*1px !important;
    }
  }
  
  /*字号处理*/
  @for $i from 1 through 100 {
    .fs-#{$i} {
      font-size: $i*1px !important;
    }
  }
  
  /*宽度处理*/
  @for $i from 1 through 100 {
    .wb-#{$i} {
      width: $i*1% !important;
      display: inline-block;
    }
  }
  
  /*宽度处理处理*/
  @for $i from 1 through 2000 {
    .w-#{$i} {
      width: $i*1px !important;
      display: inline-block;
    }
  }
  
  /*高度处理*/
  @for $i from 1 through 1000 {
    .h-#{$i} {
      height: $i*1px !important;
    }
  }
  
  /*高度处理*/
  @for $i from 1 through 100 {
    .hb-#{$i} {
      height: $i*1% !important;
    }
  }
  
  /*行高处理*/
  @for $i from 1 through 1000 {
    .lh-#{$i} {
      line-height: $i*1px !important;
    }
  }
  
  /*缩进处理*/
  @for $i from 1 through 1000 {
    .ti-#{$i} {
      text-indent: $i*1px !important;
    }
  }
  .fw{
      font-weight: bold !important;
  }
  
  /*字号规范*/
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    word-break: break-all;
  }
  
  .hide {
    /* 单行溢出隐藏 */
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  
  .dis-i {
    display: inline-block;
  }

  .border {
    border: 1px solid #dddddd;
    border-radius: 4px;
  }
  
  img.er {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  .tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

.grey {
    background: #F5F6F7;
}

/*旋转*/
.rotating {
    animation: rotating 2s linear infinite;
}


p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
li,
ol,
dd,
dt {
    margin: 0;
    padding: 0;
    list-style: none;
}
html,body{
  margin: 0;
  width: 100%;
  height: 100%;
}